<template>
  <div>
    <p style="font-size: 14px;margin-bottom: 15px;">标题:</p>
    <el-input size="mini" :style="{width: '100%',marginBottom:'30px'}" v-model="viewModel.title" placeholder="请输入标题标题">
    </el-input>
    <el-checkbox size="mini" :style="{width: '100%',marginBottom:'30px'}" v-model="viewModel.required"> 必填</el-checkbox>
    <p><el-checkbox size="mini" v-model="viewModel.isMin"> 最少填</el-checkbox><el-input size="mini" style="width: 100px;margin: 0 10px 10px 10px;" type="number" v-model="viewModel.minLength">
      </el-input>个字</p>
    <p><el-checkbox size="mini" v-model="viewModel.isMax"> 最多填</el-checkbox><el-input size="mini" style="width: 100px;margin: 0 10px 10px 10px;" type="number" v-model="viewModel.maxLength">
      </el-input>个字</p>
  </div>
</template>

<script>

export default {
  name: "textareaConfig",
  components: {},
  props: ["currCfg"],
  data() {
    return {};
  },
  computed: {
    viewModel() {
      return this.currCfg.config;
    }
  },
  methods: {
  },
  mounted() {
    console.log('currCfg',this.currCfg)
  }
}
</script>
<style scoped>

</style>
